<template>
  <a-card :bordered="false" :bodyStyle="{padding:'0px'}">
    <div class="table-page-search-wrapper">
      <a-tabs default-active-key="myTask" class="tab_warp" @change="tabChange">
        <a-tab-pane key="myTask">
          <span slot="tab">
            <a-icon type="user" />
            我的任务
          </span>
          <my-task ref="myTask"></my-task>
        </a-tab-pane>
        <a-tab-pane key="teamTask">
          <span slot="tab">
            <a-icon type="team" />
            组任务
          </span>
          <team-task ref="teamTask"></team-task>
        </a-tab-pane>
      </a-tabs>
    </div>
  </a-card>
</template>
<script>
import MyTask from './MyTask'
import TeamTask from './TeamTask'
export default {
  name: 'MyTaskList',
  components: {
    MyTask,
    TeamTask
  },
  data() {
    return {
      url: {
        list: '/activiti/task/getMyTaskList'
      }
    }
  },
  methods: {
    tabChange(activeKey) {
      // this.$refs[activeKey] && this.$refs[activeKey].loadData()
    }
  }
}
</script>
<style>
.tab_warp .ant-tabs-tabpane{
  padding: 0px 10px;
}
</style>
